<template>
  <div class="inform">
    <h3>最新公告 :</h3>
    <p>
      <span class="iconfont">&#xe62b;</span>
      欢迎访问飞飞的博客,【即日起开始维护,直到确定重构技术】,如博客出现故障,欢迎邮件至1245118458@qq.com
    </p>
  </div>
</template>

<script>
export default {
 
};
</script>

<style lang="less" scoped>
.inform {
  padding-bottom:30px;
  width: 100%;
  margin-top:30px;
  background-color: white;
  h3 {
    box-sizing: border-box;
    position: relative;
    padding-left: 15px;
    line-height: 50px;
    color: #666;
    &::after {
      position: absolute;
      left: 0;
      top: 23%;
      content: "";
      display: block;
      width: 6px;
      height: 25px;
      background: #83e1f7;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
    }
  }
  p {
    box-sizing: border-box;
    padding: 0 15px;
    color: #888;
    font-size: 14.4px;
    text-indent: 0.6em;
    line-height: 17px;
    span {
      font-size: 18px;
      margin-right: 8px;
    }
  }
}
</style>